<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="solutionlist.css">

</head>

<body>
    <div class="header">
        <div class="header-icn">
            <ul class="header-right">
                <li><img src="img/iphon_03.png" alt=""></li>
                <li>0531-6065218</li>
                <li><img src="img/love_03.jpg" alt=""></li>
                <li><img src="img/love_05.jpg" alt=""></li>
                <li><img src="img/love_07.jpg" alt=""></li>
                <li><img src="img/love_09.png" alt=""></li>
            </ul>
            <ul class=" header-left">
                <li> <a href="index.html">网站首页</a> </li>
                <li> <a href="solution.html">传悦资源</a> </li>
                <li> <a href="case.html">传悦案例</a> </li>
                <li> <a href="">传悦服务</a> </li>
                <li><a href="solution.html">解决方案</a> </li>
                <li> <a href="">需求提交</a> </li>
            </ul>
            <div class="chuanyue"><img src="img/chuanyue.png" alt="">
                <p>网络全案营销服务提供商</p>
            </div>
        </div>
    </div>
    <div class="banner">

    </div>
    <main>
        <div class="box">
            <div class="text-title">
                <h3 class="head">行业合作专题，针对旅游行业的资源打散再重组 </h3>
                <p class="label">标签： 资源整合 旅游行业 行业专题 </p>
            </div>
            <div class="text-img">
                <img src="img/detai1.png" alt="" class=" detailsimg">
            </div>
            <div class="text-text">

            </div>
            <div class="text-foot">
                <p>
                    <span>上一个:</span> 开门红商城基础营销
                </p>
                <p>
                    <span>下一个:</span>金数据全网整合营销
                </p>
            </div>
        </div>
    </main>

    <footer>
        <div class="foorer-icn">
            <div class="foorer-left">
                <img src="img/logo.png" alt="">
            </div>
            <div class="foorer-right">
                <ul class="right">
                    <li>关于传悦</li>
                    <li>新闻动态</li>
                    <li>传悦观点</li>
                    <li>联系传悦</li>
                    <li>付款账户</li>
                    <li>加入传悦</li>
                </ul>
                <ul class="left">
                    <li>Copyright</li>
                    <li>创梦网络科技有限责任公司</li>
                    <li>||</li>
                    <li>传悦Chnyoo.cn All Rights Reserved</li>
                    <li>京ICP备12005221号</li>
                </ul>

            </div>
        </div>

    </footer>


</body>
<script>
    let ohead = document.querySelector(".head")
    let olabel = document.querySelector(".label")
    let odetailsimg = document.querySelector(".detailsimg")
    let otexttext = document.querySelector(".text-text")
    let id = location.href.split("=")[1];
    let http = new XMLHttpRequest();
    http.open("get", `http://10.35.164.194:81/solution?id=${id}`)
    http.send();
    http.onreadystatechange = function() {
        if (http.readyState === 4) {
            let data = JSON.parse(http.responseText)[0]
            console.log(data)
            ohead.innerHTML = data.head;
            console.log(data.head)
            olabel.innerHTML = data.label;
            odetailsimg.src = data.imgsrc2;
            otexttext.innerHTML = data.text;


        }
    }
</script>

</html>